<div id="request-body-content-type">
    <label *ngFor="let bodyType of requestBodyTypes">
        <input type="radio" [(ngModel)]="requestBodyType" name="requestBodyType" [value]="bodyType"> {{bodyType}}
    </label>
    <div class="position-right">
        <app-selector *ngIf="requestBodyType==='raw'" name="contentType" [options]="contentTypes" [values]="[getContentType()]" (selected)="onRawDataTypeChange($event)"></app-selector>
    </div>
</div>
<app-invoke-request-param-table *ngIf="requestBodyType!=='raw'" [params]="data.requestBody.formData"></app-invoke-request-param-table>
<div class="row" *ngIf="requestBodyType==='raw'">
    <div class="col col-6">
        <json-editor [options]="jsonEditorOptions" [data]="rawData" #jsonEditor></json-editor>
    </div>
    <div class="col col-6">
        <ng-container *ngFor="let requestBody of requestBodys">
            <markdown [data]="requestBody|entityJson"></markdown>
        </ng-container>
        <pre class="language-json" *ngIf="!requestBodys||requestBodys.length==0">
//无可参考request body数据
//正常情况下可不设置request body
        </pre>
        <div class="tips align-right">
            POST请求提交数据DEMO&#8593;
        </div>
        <div class="tips">
            ↖需要POST提交的数据
        </div>
    </div>
</div>


